---
type: tutorial
title: ¡Felicidades!
i18nReady: true
description: >-
  Tutorial: Crea tu primer blog con Astro —
  Echa un vistazo a la versión final de tu proyecto y descubre qué es lo próximo con
  ¡Astro!
---
import Box from '~/components/tutorial/Box.astro';
import Checklist from '~/components/Checklist.astro';
import CompletionConfetti from '~/components/tutorial/CompletionConfetti.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import Button from '~/components/Button.astro';

import { CardGrid, LinkCard } from '@astrojs/starlight/components';

Hay una edición más que hacer...

```astro title="src/pages/about.astro" del={15} ins={16}
---
import BaseLayout from "../layouts/BaseLayout.astro";
const pageTitle = "Sobre mi";

const identity = {
  firstName: "Sarah",
  country: "Canada",
  occupation: "Redactora técnica",
  hobbies: ["fotografia", "observación de aves", "peñarol"],
};

const skills = ["HTML", "CSS", "JavaScript", "React", "Astro", "Redacción de documentos"];

const happy = true;
const finished = false;
const finished = true;
const goal = 3;

const skillColor = "crimson";
const fontWeight = "bold";
const textCase = "uppercase";
---
```

Esperamos que hayas aprendido un poco sobre los fundamentos de Astro, ¡y que te hayas divertido por el camino!

Puedes encontrar el código del proyecto en este tutorial en [GitHub](https://github.com/withastro/blog-tutorial-demo/tree/complete) o en
[StackBlitz](https://stackblitz.com/github/withastro/blog-tutorial-demo/tree/complete?file=src/pages/index.astro).

Consulta nuestros documentos para obtener guías y material de referencia, y visita nuestro Discord para hacer preguntas, obtener ayuda o simplemente pasar el rato.

Bienvenido al universo, astronauta. 👩🏼‍🚀👨🏿‍🚀🧑‍🚀👩🏾‍🚀

<Box icon="check-list">

## Checklist

<Checklist>
- [ ] Estoy impaciente por empezar mi próximo proyecto de Astro. 🚀
</Checklist>
</Box>

## Próximos pasos

[Iniciar un nuevo proyecto de Astro](/es/getting-started/)

[Únete a nosotros en Discord](https://astro.build/chat)

<CompletionConfetti />

## ¡Comparte tu logro!

¡Felicidades por completar el tutorial de construir un blog con Astro, comparte tu logro con el mundo y hazle saber a todos que ahora eres un Astronauta!

<div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
  <Button link='https://twitter.com/intent/tweet?text=Just%20finished%20learning%20how%20to%20build%20my%20first%20Astro%20blog!%20Check%20it%20out%20at%20https://docs.astro.build/%0Avia%20%40astrodotbuild'>Share on Twitter</Button>
  <Button link='https://www.reddit.com/submit?url=https://docs.astro.build/&title=Just%20finished%20learning%20how%20to%20build%20my%20first%20Astro%20blog!'>Share on Reddit</Button>
  <Button link='https://bsky.app/intent/compose?text=Just%20finished%20learning%20how%20to%20build%20my%20first%20Astro%20blog!%20Check%20it%20out%20at%20https://docs.astro.build/%0Avia%20%40astro.build'>Share on Bluesky</Button>
</div>

## Próximos pasos

¡Puedes mejorar el código final de este proyecto con una de nuestras extensiones de tutorial, o comenzar tu próximo proyecto con Astro!

<CardGrid>
  <LinkCard
    title="Start a new Astro Project"
    description="Comienza un nuevo proyecto vacío o utiliza una plantilla de tema de Astro existente."
    href="/es/install-and-setup/"
  />
  <LinkCard
    title="Join us on Discord"
    description="Conéctate con nuestra comunidad para hacer preguntas, compartir tu trabajo y participar en el proyecto."
    href="https://astro.build/chat"
  />
</CardGrid>